<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <#include "/common_js.html"/>
    <link type="text/css" rel="stylesheet" href="${basePath}/static/css/style.css" />
    <link type="text/css" rel="stylesheet" href="${basePath}/static/css/user/info/style.css" />
    <link type="text/css" rel="stylesheet" href="${basePath}/static/css/user/info/info.css" />
    <link type="text/css" rel="stylesheet" href="${basePath}/static/css/formStyle.css" />
    <link rel="stylesheet" href="${basePath}/static/css/product/product_scroll.css">
    <!--[if IE 6]>
    <script src="${basePath}/static/js/iepng.js" type="text/javascript"></script>
    <script type="text/javascript">
        EvPNG.fix('div, ul, img, li, input, a');
    </script>
    <![endif]-->

    <script type="text/javascript" src="${basePath}/static/js/n_navc.js"></script>



    <#include "/title.html"/>
</head>
<body>
<!--Begin Header Begin-->
<div class="soubg">
    <#include "/top.html"/>
</div>
<div class="top">
    <#include "/logo.html"/>
    <#include "/search.html"/>
    <#include "/buy_car.html"/>

</div>

<#include "/category_navigation.html">

<#assign leftMenuName = "modifyPwd">

<!------------main---------------->
<div class="main">

    <div class="current-position">
        <h2>
            <a href="${basePath}/page/user/info">个人中心</a>
            &gt;
            <a href="#">修改密码</a>
        </h2>
    </div>
    <div class="user-content">

        <div class="user-menu">
            <#include "/user/info_left.html"/>
        </div>

        <div class="user-right">
                <div class="toucan-form">
                    <div class="toucan-form-title">
                        <h3 style="font-size:20px;">修改密码</h3>
                    </div>
                    <div class="toucan-form-body" id="verifyCodeDiv">

                        <div class="item">
                            <span class="label">手机号：</span>
                            <div class="field">
                                <input type="text" id="mobile" readonly  style="width:307px" class="l_ipt" tabindex="1"   value="${userVO.mobilePhone!''}" />&nbsp;&nbsp;<a id="mobileSendVcBtn" class="modifyPwd-sendVC" >发送验证码</a>
                            </div>
                        </div>

                            <div class="item">
                                <span class="label">邮箱：</span>
                                <div class="field">
                                    <input type="text" id="email"  readonly  style="width:307px" class="l_ipt" tabindex="2"   value="${userVO.email!''}" />&nbsp;&nbsp;<a id="emailSendVcBtn" class="modifyPwd-sendVC" >发送验证码</a>
                                </div>
                            </div>
                        <br>
                        <br>
                        <div class="item" style="width:150px;">
                            <span class="label">&nbsp;</span>
                            <input type="button" value="下一步" class="log_btn" id="nextBtn" style="font-size:15px;" />
                        </div><!--item end-->


                    </div>


                    <div class="toucan-form-body" id="confirmPwdDiv" style="display:none">
                        <div class="item">
                            <span class="label">密码：</span>
                            <div class="field">
                                <input type="password" id="password"   style="width:307px" class="l_ipt"   tabindex="1"   />&nbsp;&nbsp;
                            </div>
                        </div>
                        <div class="item">
                            <span class="label">确认密码：</span>
                            <div class="field">
                                <input type="password" id="confirmPassword"   style="width:307px" class="l_ipt" tabindex="2"    />&nbsp;&nbsp;
                            </div>
                        </div>
                        <div class="item">
                            <span class="label">验证码：</span>
                            <div class="field">
                                <input type="text" id="verifyCode"  style="width:100px" class="l_ipt" tabindex="3"   />
                            </div>
                        </div>
                        <br>
                        <br>
                        <div class="item" style="width:150px;">
                            <span class="label">&nbsp;</span>
                            <input type="button" value="确认修改" class="log_btn" id="modifyBtn" style="font-size:15px;" />
                        </div><!--item end-->
                    </div>

                    <div class="toucan-form-body">
                        <div class="item">
                            <br>
                            <a id="modify_pwd_msg" style="color:#ff4e00;"></a>
                        </div>
                    </div>
            </div>
    </div>

    </div>

</div>


    <#include "/footer.html"/>

</body>

<script type="text/javascript" src="${basePath}/static/shopping/web/js/user/modifyPwd.js"></script>
<script>
    $(function () {

        $("#refreshCaptcha").bind( 'click' ,function(){
            $("#refreshCaptcha").attr("src",basePath+"/api/user/vcode?"+new Date().getTime());
        });

    });


</script>


</html>
